<include file="layout/header" />
<link rel="stylesheet" type="text/css" href="__CSS__/manage/user/review.css">
<div id="content">
				
	<div class="row">
		<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
			<h1 class="page-title txt-color-blueDark"><i class="fa fa-desktop fa-fw "></i> UI Elements <span>>
				General Elements </span></h1>
		</div>
	</div>

	<section id="widget-grid" class="" style="margin-bottom:40px;">
		<div class="row">
			<article class="col-sm-12 col-md-12 col-lg-12">
				<div class="basicMsg">
					<div class="title">
						<span>基本信息</span>
						<!-- <b>(未审核)</b>
						<i></i> -->
					</div>
					<div class="content">
						<ul class="row">

							<li class="col-sm-4">
								<label class="name col-sm-3 col-md-4">头像</label>
								<div class="text imgBox col-sm-8">
									<img :src="info.photo" @click="imgShow(info.photo)">
								</div>
							</li>

							<li class="col-sm-4">
								<label class="name col-sm-3 col-md-4">身份证正面</label>
								<div class="text imgBox col-sm-8">
									<img :src="info.note.id_just" @click="imgShow(info.note.id_just)">
								</div>
							</li>

							<li class="col-sm-4">
								<label class="name col-sm-3 col-md-4">身份证背面</label>
								<div class="text imgBox col-sm-8">
									<img :src="info.note.id_back" @click="imgShow(info.note.id_back)">
								</div>
							</li>

							<li class="col-sm-4">
								<label class="name col-sm-3 col-md-4">姓名</label>
								<div class="text col-sm-8">{{info.name}}</div>
							</li>

							<li class="col-sm-4">
								<label class="name col-sm-3 col-md-4">性别</label>
								<div class="text col-sm-8">{{info.note.sex==1?'男':'女'}}</div>
							</li>

							<li class="col-sm-4">
								<label class="name col-sm-3 col-md-4">所属公司</label>
								<div class="text col-sm-8">{{info.company}}</div>
							</li>

							<li class="col-sm-4">
								<label class="name col-sm-3 col-md-4">身份证号</label>
								<div class="text col-sm-8">{{info.note.idcode}}</div>
							</li>

							<li class="col-sm-4">
								<label class="name col-sm-3 col-md-4">所属地区</label>
								<div class="text col-sm-8">{{info.pid}},{{info.cid}},{{info.aid}}</div>
							</li>

							<li class="col-sm-4">
								<label class="name col-sm-3 col-md-4">手机</label>
								<div class="text col-sm-8">{{info.phone}}</div>
							</li>

							<li class="col-sm-4">
								<label class="name col-sm-3 col-md-4">邮件</label>
								<div class="text col-sm-8">{{info.email}}</div>
							</li>

						</ul>
					</div>
				</div>
				
			</article>
		</div>
	</section>
	
	<!-- widget grid -->
	<section id="widget-grid" class="">
		<!-- row -->
		<div class="row">
	
			<!-- NEW WIDGET START -->
			<article class="col-sm-12">
				
				<div class="idenList">
					<div class="title">
						<span>身份信息</span>
						<!-- <b>(未审核)</b>
						<i></i> -->
					</div>
					<div class="content">
						<ul class="row">
							<li class="col-lg-2 col-md-3" @click="modalShow(v.id,v.auth)" v-for="(v,index) in role">
								<div class="shBox" :class="v.auth | auth">
									<div class="state">
										<span>{{v.identity}}</span>
										<i></i>
									</div>
									<p class="reason">
										<span title="照片不合格" v-if="v.auth != 0">{{v.opinion}}</span>
										<b>{{v.auth | authName}}</b>
									</p>

								</div>
							</li>						
						</ul>
					</div>
				</div>	

			</article>
			<!-- WIDGET END -->
	
		</div>
	
		<!-- end row -->
	
	</section>

	<!-- end widget grid -->
	<transition name="modalMove">
		<div id="modalBox" v-if="modal">
			<div class="myModal">
				<div class="rotateBox" :class="justShow?'just':'backFace'">
					<div class="positive">
						<div class="title">
							<span>身份详情</span>
							<i class="Mclose" @click="modalHide">&times;</i>
						</div>
						<div class="content">
							<ul>
								<li v-for="(v,index) in modalDet">
									<span class="dName">{{v.lName}}</span>
									<div class="dMsg">
										<span v-if="v.name=='wcard'||v.name=='tel'">{{info.note[v.name]}}</span>
										<img v-if="v.name!='wcard'&&v.name!='tel'" :src="info.note[v.name]">
									</div>
								</li>
							</ul>
							<div class="btnBox" v-if="btnShow">
								<button class="btn_y btn btn-primary" @click="rotate(1)">通过</button>
								<button class="btn_n btn btn-warning" @click="rotate(2)">反对</button>
							</div>
						</div>
					</div>
					<div class="back">
						<div class="title">
							<span>确定通过该身份验证？</span>
							<i class="Mclose" @click="modalHide">&times;</i>
						</div>
						<div class="content">
							<div class="bzBox">
								<span class="name">备注：</span>
								<textarea class="bzText" v-model="sendData.opinion"></textarea>
							</div>
							<div class="btnBox">
								<span style="color:red;float:left;line-height: 32px;" v-if="opAlert">备注不能为空！</span>
								<button class="btn_y btn btn-primary" @click="send" :class="dis?'disabled':''">确定</button>
								<button class="btn_n btn btn-warning" @click="justShow = true" :class="dis?'disabled':''">取消</button>
							</div>
						</div>
					</div>
				</div>
			</div>	
		</div>
	</transition>
	<div id="imgModal" v-if="imgModalShow" @click="imgModalShow=false">
		<div class="imgBox">
			<img :src="images">
		</div>
	</div>
</div>

<script>
	var data = {{$data}};
</script>
<script type="text/javascript" src="__JS__/manage/user/review.js"></script>
<include file="layout/footer" />
